<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'readnote-temp2.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<link rel="stylesheet" type="text/css" href="styles.css">
	</head>

	<body>
		<div id="wrapper">
			<div id="header">
				<!-- logo 图标 -->
				<h1 id="logo">
					<a href="#">readNote Demo</a>
				</h1>
				<!-- description -->
				<p class="description">
					This is a test website to demonstrate WordPress themes
				</p>
				
				<!-- socialmedia -->
				<p class="socialmedia">
					<a href="http://twitter.com/nickla"><img title="Twitter"
							alt="Twitter"
							src="http://www.ndesign-studio.com/demo/wordpress/wp-content/themes/koi/img/socialmedia/twitter.png">
							Twitter
					</a>
					<a >Rss
					</a>
				</p>
				
				
				<!-- nav 主要功能菜单  -->
				<ul id="nav">
					<li class="current_home">
						<a href="http://www.ndesign-studio.com/demo/wordpress">Home</a>
					</li>
					<li class="page_item page-item-2">
						<a title="About"
							href="http://www.ndesign-studio.com/demo/wordpress/about">About</a>
						<ul>
							<li class="page_item page-item-36">
								<a title="Sub-page"
									href="http://www.ndesign-studio.com/demo/wordpress/about/sub-page">Sub-page</a>
								<ul>
									<li class="page_item page-item-38">
										<a title="Sub-sub Page"
											href="http://www.ndesign-studio.com/demo/wordpress/about/sub-page/sub-sub-page">Sub-sub
											Page</a>
									</li>
								</ul>
							</li>
							<li class="page_item page-item-40">
								<a title="Another Sub Page"
									href="http://www.ndesign-studio.com/demo/wordpress/about/another-sub-page">Another
									Sub Page</a>
							</li>
						</ul>
					</li>
					<li class="page_item page-item-43">
						<a title="Contact"
							href="http://www.ndesign-studio.com/demo/wordpress/contact">Contact</a>
					</li>
				</ul>
				
				<!-- 查询 -->
				<form action="http://www.ndesign-studio.com/demo/wordpress/"
					id="searchform" method="get">
					<input type="text"
						 id="s"
						name="s" value="Search...">
					<input type="submit" id="searchsubmit" value="Search" value="查询">
				</form>
			</div>
			<!-- /header -->
			
			<div id="content">
				<!-- 内容 -->
				<div class="post">
					<h2 class="post-title">
						<a >Title</a>
					</h2>
					<p class="post-date">
						<span class="day">14</span>
						<span class="month">Feb</span>
						<span class="year">2010</span>
						<span class="postcomment"><a
							title="Comment on Text Formatting"
							href="http://www.ndesign-studio.com/demo/wordpress/sample/text-formatting#comments">43
								Comments</a>
						</span>
					</p>
					<p class="post-data">
						<span class="postauthor">作者</span><span class="postcategory">in
							<a rel="category tag" title="View all posts in Sample"
							href="http://www.ndesign-studio.com/demo/wordpress/category/sample">发布地区</a>
						</span>
						<span class="posttag">标签: <a rel="tag"
							href="http://www.ndesign-studio.com/demo/wordpress/tag/heading">关键字1</a>,
							<a rel="tag"
							href="http://www.ndesign-studio.com/demo/wordpress/tag/typography">关键字2</a>
						</span>
					</p>
					<p>
						内容content,段落1
					</p>
					<p>
						内容content,段落2
					</p>
				</div>
				<!--/post -->
				
				
				<p class="post-nav">
					<span class="previous"><a
						href="http://www.ndesign-studio.com/demo/wordpress/page/2"><em>Previous</em>
							Older Entries</a>
					</span>
					<span class="next"></span>
				</p>
				<!-- /post-nav -->
			</div>
			<!-- /content -->
			
			<div id="sidebar">
				<div class="widget widget_themeswitcher" id="theme-switcher">
					<h4 class="widgettitle">
						Theme Switcher
					</h4>
					<ul id="themeswitcher">
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/index.php?wptheme=GlossyBlue">GlossyBlue</a>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/index.php?wptheme=iTheme">iTheme</a>
						</li>
						<li>
							Koi
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/index.php?wptheme=Notepad">Notepad</a>
						</li>
					</ul>
				</div>
				<div class="widget widget_text" id="text-3">
					<h4 class="widgettitle">
						About
					</h4>
					<div class="textwidget">
						This is a sample text widget. This theme is designed by Nick La
						who also runs
						<a href="http://www.webdesignerwall.com">Web Designer Wall</a>,
						<a href="http://www.ndesign-studio.com">N.Design Studio</a>,
						<a href="http://icondock.com">IconDock</a>, and
						<a href="http://bestwebgallery.com">Best Web Gallery</a>.
					</div>
				</div>
			</div>
			<!-- /sidebar -->
			
			
			
			<div id="footer">
				<div class="footer1">

					<h4>
						Recent Posts
					</h4>
					<ul>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/blog/how-about-a-blog-post-with-longer-title">How
								About A Blog Post With Longer Title</a>
							<em>(Mar 19)</em>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/blog/more-tag-sample">More
								Tag Sample</a>
							<em>(Feb 27)</em>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/sample/text-formatting">Text
								Formatting</a>
							<em>(Feb 14)</em>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/sample/post-with-image-caption">Post
								With Image Caption</a>
							<em>(Feb 09)</em>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/uncategorized/hello-world">Hello
								world!</a>
							<em>(Feb 09)</em>
						</li>
					</ul>

				</div>

				<div class="footer2">


					<h4>
						Recent Comments
					</h4>
					<ul class="recent-comments">





						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/about/another-sub-page/comment-page-1#comment-4832">
								'';insert('name'); </a>
							<br>
							<cite class="comment-author">'';insert('name');</cite>
						</li>






						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/blog/how-about-a-blog-post-with-longer-title/comment-page-14#comment-4822">
								Its beatiful, so cool. </a>
							<br>
							<cite class="comment-author">Elo</cite>
						</li>

						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/blog/how-about-a-blog-post-with-longer-title/comment-page-14#comment-4798">
								frfr </a>
							<br>
							<cite class="comment-author">d</cite>
						</li>
						<li>
							<a
								href="http://www.ndesign-studio.com/demo/wordpress/blog/how-about-a-blog-post-with-longer-title/comment-page-12#comment-4768">
								what a nice shot </a>
							<br>
							<cite class="comment-author">maspete</cite>
						</li>

					</ul>

				</div>

				<div class="footer3">
					<div class="widget widget_text" id="text-4">
						<h4 class="widgettitle">
							Text Widget
						</h4>
						<div class="textwidget">
							<p>
								Hello, this is a text widget in Footer 3. You can type anything
								here or drop any widget here.
							</p>
							<p>
								It also supports HTML. This means you can enter any HTML code
								here.
								<em>Thank you!</em>
							</p>
						</div>
					</div>
				</div>

				<p class="credits">
					&copy;
					<a href="http://www.ndesign-studio.com/demo/wordpress">WordPress
						Demo</a> 2012
					<span>?</span> Powered by
					<a href="http://wordpress.org">WordPress</a>
					<span>?</span>
					<a href="http://icondock.com">Icons</a> &amp;
					<a href="http://www.ndesign-studio.com/wp-themes">Wordpress
						Theme</a> by
					<a href="http://www.ndesign-studio.com">N.Design</a>
				</p>
			</div>
			<!-- /footer -->
		</div>
	</body>
</html>
